<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <template>
      <el-tab-pane label="字段属性" name="tableColumn">
        <table-column :tableID="tableID1"/>
      </el-tab-pane>
      <el-tab-pane label="操作属性" name="">
        <table-operator :tableID="tableID1"/>
      </el-tab-pane>
      <el-tab-pane label="页面属性" name="">
        <table-page :tableID="tableID1"/>
      </el-tab-pane>
      <!-- <el-tab-pane label="按钮属性" name="">
        <table-page-btn :tableID="tableID1"/>
      </el-tab-pane> -->
    </template>
  </el-tabs>
</template>


<script>
import tableColumn from './tableColumn' // 字段属性
import tableOperator from './tableOperator' //操作属性
import tablePage from './tablePage' //页面属性
// import tablePageBtn from './tablePageBtn' //页面按钮属性

export default {
  name: 'OptionTab',
  components: {
    tableColumn,
    tableOperator,
    tablePage,
    // tablePageBtn,
  },
  props: {
    objInfo: {
      type: Object,
      default: () => {
        return {}
      }
    },
    tableID: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      activeName: 'tableColumn',
      tableID1: this.tableID,
    }
  },
  methods: {
    handleClick(tab, event) {
    },
  }
}
</script>
